html {
    --u-primary: #2F60FF;
    --u-second-primary: #3586FF;
    --u-border: #0A4193;
    --u-bg: #071A3D;
    --u-color-fff: #fff;
    --u-color-red: #F53F3F;
    --u-color-green: #00BF56;
    --u-color-gray: #DADDE2;
    --u-color-disabled: #AFB9C7;
    --u-color-black: #212121;

    

    // input
    --u-input-border: var(--u-border);
    --u-input-border-hover: #2d5fd1;
    --u-input-border-active: var(--u-primary);
    
    --u-input-placeholder: #afb9c7;
    --u-input-text: #fff;
    --u-input-text-disabled: #afb9c7;
  
    --u-input-bg: #071a3d;
    --u-input-bg-disabled: #0c2044;
  
    --u-input-label-color: #dadde2;
}